<template>
  <view class="zj-empty" :style="{
    paddingTop: top,
  }">
    <image src="/static/image/data.png"></image>
    <view class="text">{{title}}</view>
  </view>
</template>

<script>
  export default {
    name:"zj-empty",
    props: {
      title: {
        default: '暂无数据'
      },
      top: {
        default: '0'
      }
    },
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss" scoped>
.zj-empty {
  overflow: hidden;
  image {
    width: 300rpx;
    height: 300rpx;
    display: block;
    margin: auto;
  }
  .text {
    text-align: center;
    font-size: 26rpx;
    color: #999;
  }
}
</style>